<!DOCTYPE html>

<!--
This test checks that repaint testing works with composited layers.
-->

<html>
<head>
  <style type="text/css">
    #parent {
        will-change: transform;
        width: 400px;
        height: 400px;
        background: blue;
    }

    #child {
        will-change: transform;
        position: relative;
        left: 50px;
        top: 50px;
        width: 75px;
        height: 75px;
        background: green;
    }

  </style>
  <script src="../resources/text-based-repaint.js"></script>
  <script>
      function repaintTest() {
          var parent = document.getElementById('parent');
          var child = document.getElementById('child');

          child.style.background = 'blue';
          parent.style.background = 'green';
      }

      runRepaintAndPixelTest();
  </script>
</head>
<body>
  <div id="parent">
    <div id="child"></div>
  </div>
</body>
</html>
